<wicket:extend>
	<div class="content">
		<div class="container">
			<div class="row">
				<div class="span2">

					<div class="smv-leftnav">
						<div class="btn-toolbar">
							<div class="btn-group">
								<a class="btn btn-small" href="tr-new-ride.html">Take Ride</a> <a
									class="btn btn-small btn-success" href="gr-new-ride.html">Give
									Ride(Taxi)</a>
							</div>
						</div>
						<div class="well" style="padding: 8px 0;">
							<ul class="nav nav-list">
								<li class="nav-header">Ride Section</li>
								<li><a href="#" wicket:id="newRides"><i class="icon-edit"></i>
										New Rides</a></li>
								<li><a href="#" wicket:id="pendingRides"><i
										class="icon-share"></i> Pending Rides</a></li>
								<li><a href="#" wicket:id="completedRides"><i
										class="icon-check"></i> Completed Rides</a></li>
								<li><a href="#" wicket:id="payment"><i class="icon-shopping-cart"></i>
										Payment</a></li>
								<li class="nav-header">Your Account</li>
								<li><a href="#" wicket:id="userPreferences"><i class="icon-user"></i>
										Preferences</a></li>
								<li><a href="#" wicket:id="createCircle"><i class="icon-cog"></i>
										Create Circle</a></li>
								<li><a href="gr-create-msg.html"><i
										class="icon-comment"></i> Create Message</a></li>
								<li class="active"><a href="#" wicket:id="home"><i
										class="icon-envelope"></i> My Message</a></li>

							</ul>
						</div>
					</div>
				</div>
				<!-- table section -->
				<div class="span10">
					<div class="page-header">
						<h1>Manage Circles</h1>
					</div>
					<div class="row">
						<div class="span10">
							<form class="form-horizontal">
								<!-- Select Multiple -->
								<div class="control-group">
									<label class="control-label" for="mycircles">My Circles</label>
									<div class="controls">
										<select id="mycircles" name="mycircles" class="input-xlarge"
											multiple="multiple">
											<option>Circle 1</option>
											<option>Circle 2</option>
											<option>Circle 3</option>
											<option>Circle 4</option>
										</select>
									</div>
								</div>

								<div class="control-group">
									<label class="control-label" for="inputtext">Member
										Name</label>
									<div class="controls">
										<input type="text" class="" placeholder="Filter member">
									</div>
								</div>


								<div class="control-group">
									<label class="control-label" for="mycircles">Circle
										Members</label>
									<div class="controls">
										<select id="Select1" name="members" class="input-xlarge"
											multiple="multiple">
											<option>Ram</option>
											<option>Sita(Admin)</option>
											<option>Guru</option>
											<option>Shyam(Admin)</option>
										</select>
									</div>
								</div>

								<div class="control-group">
									<label class="control-label" for="inputtext">Description</label>
									<div class="controls">
										<textarea rows="2" class="input-xlarge"></textarea>
									</div>
								</div>

								<div class="control-group">
									<label class="control-label" for="inputtext">Add Circle
										Affiliations</label>
									<div class="controls">
										<input type="text" class="" placeholder="Filter member">
									</div>
								</div>

								<div class="control-group">
									<label class="control-label" for="mycircles">Circle
										Affiliations</label>
									<div class="controls">
										<select id="Select2" name="members" class="input-xlarge"
											multiple="multiple">
											<option>Taxi for sure</option>
											<option>Meru</option>

										</select>
									</div>
								</div>

								<div class="control-group">
									<div class="controls">
										<button type="submit" class="btn btn-primary">Add
											Member</button>
										<button type="submit" class="btn btn-primary">Delete
											Member</button>
										<button type="submit" class="btn btn-primary">Make
											Admin</button>
										<button type="submit" class="btn btn-primary">Remove
											Admin</button>
										<button type="submit" class="btn btn-primary">Update
											circle</button>
									</div>
								</div>
							</form>
						</div>

					</div>
				</div>
				<!-- table section ends here -->
			</div>
		</div>
	</div>
	<br />
	<br />
	<br />
	<br />
</wicket:extend>